.zoomer,
.map-legends,
.map-tooltip,
.map-fullscreen {
  position:absolute;
  border:1px solid #bbb;
  box-sizing:border-box;
  background:#fff;
  -webkit-border-radius:3px;
          border-radius:3px;
  }
.map-legends,
.map-tooltip {
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
          box-shadow:0 1px 2px rgba(0,0,0,0.15);
  }

.zoomer,
.map-fullscreen,
.map-tooltip .close {
  text-indent:-999em;
  background: #fff url() no-repeat 0 0;
  overflow:hidden;
  display:block;
  }
  .map-tooltip .close:active,
  .zoomer:active,
  .map-fullscreen:active {
    border-color:#b0b0b0;
    background-color:#f0f0f0;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
            box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
    }

.map-tooltip .close {
  top:4px;
  right:4px;
  width:20px;
  height:20px;
  background-position:-6px -6px;
  }

.zoomer {
  width:30px;
  height:30px;
  top:10px;
  left:10px;
  z-index:2;
  }

.zoomin {
  background-position:-31px -1px;
  left:39px;
  -webkit-border-radius:0 3px 3px 0;
          border-radius:0 3px 3px 0;
  }

.zoomout {
  background-position:-61px -1px;
  -webkit-border-radius:3px 0 0 3px;
          border-radius:3px 0 0 3px;
  }

.zoomdisabled {
  background-color:#eee;
  }

.map-fullscreen {
  width:30px;
  height:30px;
  background-position:-90px 0;
  position:absolute;
  top:10px;
  left:74px;
  z-index:99999;
  }

.map-fullscreen-map {
  position:fixed!important;
  width:auto!important;
  height:auto!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:99999999999;
  }
  .map-fullscreen-map .map-fullscreen {
    background-position:-120px 0;
    }

.map-legends {
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:999999;
  }
  .map-legends .map-legend {
    padding:10px;
    }

.map-tooltip {
  z-index:999999;
  padding:10px;
  top:10px;
  right:10px;
  max-width:300px;
  opacity:1;
  -webkit-transition:opacity 150ms;
     -moz-transition:opacity 150ms;
      -ms-transition:opacity 150ms;
       -o-transition:opacity 150ms;
          transition:opacity 150ms;
  -webkit-user-select:auto;
     -moz-user-select:auto;
          user-select:auto;
  }

.map-legends,
.map-tooltip {
  min-width:180px;
  max-width:280px;
  max-height:400px;
  width:220px\8; /*< IE 9*/
  }

.map-movetip {
  position:absolute;
  z-index:999999;
  background:#fff;
  padding:10px;
  max-width:300px;
  }

.map-fade { opacity:0; }

.map-tooltip .close {
  display:block;
  position:absolute;
  top:0;
  right:0;
  }

.map-mobile-body .map-tooltip {
  position:absolute;
  top:50px;
  }

.zoombox-box,
.boxselector-box {
  margin:0;
  padding:0;
  border:1px dashed #888;
  background:rgba(255,255,255,0.25);
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  display:none;
  }

.map-point-div {
  width:10px;
  height:10px;
  margin-left:-5px;
  margin-top:-5px;
  background:#fff;
  border:1px solid #333;
  -webkit-border-radius:5px;
          border-radius:5px;
  }

.map-attribution {
  position:absolute;
  background-color:rgba(255,255,255,0.7);
  color:#333;
  font-size:11px;
  line-height:20px;
  z-index:99999;
  text-align:center;
  padding:0 5px;
  bottom:0;
  left:0;
  }

.map-attribution.map-g {
  left:65px;
  bottom:4px;
  background:transparent;
  }

@media
  only screen and (-webkit-min-device-pixel-ratio : 2),
  only screen and (min-device-pixel-ratio : 2) {
    .zoomer,
    .map-fullscreen,
    .map-tooltip .close {
      background-image: url();
      background-size: 150px 30px;
      }
  }
